<nz-root>
    <!-- <nz-layout class="layout">
        <nz-header>
            <div class="logo"></div>
            <ul nz-menu [nzTheme]="'dark'" [nzMode]="'horizontal'" style="line-height: 64px;margin-top:0">
                <li nz-menu-item>nav 1</li>
                <li nz-menu-item>nav 2</li>
                <li nz-menu-item>nav 3</li>
                <li nz-menu-item class="bar-right" routerLinkActive="">注册</li>
                <li nz-menu-item class="bar-right" routerLinkActive="login">登陆</li>
            </ul>
        </nz-header>
        <nz-content>
            <div style="background:#fff; padding: 24px; min-height: 280px;">
                <router-outlet></router-outlet>
            </div>
        </nz-content>
        <nz-footer class="fotter" style="text-align: center;">Ant Design ©2017 Implement By Elk_Lv</nz-footer>
    </nz-layout> -->
    <nz-layout class="layout">
        <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" class="nav-min">
            <div class="logo2">
            </div>
            <ul nz-menu [nzTheme]="'dark'" [nzMode]="isCollapsed?'vertical':'inline'">
                <li nz-submenu>
                    <span title><i class="anticon anticon-user"></i><span class="nav-text">User</span></span>
                    <ul>
                        <li nz-menu-item>Tom</li>
                        <li nz-menu-item>Bill</li>
                        <li nz-menu-item>Alex</li>
                    </ul>
                </li>
                <li nz-submenu>
                    <span title><i class="anticon anticon-team"></i><span class="nav-text">Team</span></span>
                    <ul>
                        <li nz-menu-item>Team 1</li>
                        <li nz-menu-item>Team 2</li>
                    </ul>
                </li>
                <li nz-menu-item><span><i class="anticon anticon-file"></i><span class="nav-text">File</span></span>
                </li>
            </ul>
        </nz-sider>

        <nz-layout class="layout">
            <nz-header class="nav-hander">
                <div class="min-hander">
                    <div class="logo"></div>
                    <ul nz-menu [nzTheme]="'dark'" [nzMode]="'horizontal'" style="line-height: 64px;" class="nav-left">
                        <li nz-menu-item>nav 1</li>
                        <li nz-menu-item>nav 2</li>
                        <li nz-menu-item>nav 3</li>
                    </ul>
                    <ul nz-menu [nzTheme]="'dark'" [nzMode]="'horizontal'" style="line-height: 64px;" class="nav-rigth">
                        <li nz-menu-item class="bar-right" routerLink="register">注册</li>
                        <li nz-menu-item class="bar-right" routerLink="login">登陆</li>
                    </ul>
                </div>
            </nz-header>
            <nz-content>
                <div style="background:#fff; padding: 24px; min-height: 820px;">
                    <router-outlet></router-outlet>
                </div>
            </nz-content>
            <nz-footer class="" style="text-align: center;">Ant Design ©2017 Implement By Elk_Lv</nz-footer>
        </nz-layout>
    </nz-layout>
</nz-root>